<template>
    <div>
        <van-nav-bar>
            <template #left>
                <div class="logo"></div>
            </template>
            <template #right>
                <van-button round type="info" size="small"><van-icon name="search" /><span>搜索</span></van-button>
            </template>
        </van-nav-bar>
    </div>
</template>
<script>
export default {
  name: 'myHome',
  components: {

  },
  data () {
    return {

    }
  }
}
</script>
<style scoped lang="less">
.logo {
    height: 100%;
    width: 120px;
    background: url(@/assets/logo.png) no-repeat center / contain;
}

.van-button {
    width: 100px;
    background-color: #5aabfb;
    border: none;

    .van-icon-search {
        color: #fff;
        font-size: 16px;
    }

    span {
        margin-left: 5px;
    }
}
</style>
